@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;400;500;600;700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    background: #050505;
}

.up-button {
    position: fixed;
    display: block;
    right: 30px;
    bottom: 30px;
    height: 60px;
    width: 60px;
    background: #ac3b27;
    color: #050505;
    text-align: center;
    line-height: 60px;
    font-weight: 700;
    border-radius: 5px;
    font-size: 30px;
    text-decoration: none;
}

.container {
    width: 1600px;
    margin: 0 auto;
}



.home-h {
    font-size: 120px;
    text-align: center;
    font-family: 'Cormorant SC', serif;
    text-transform: uppercase;
    color: #ac3b27;
}

.home-h span {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 500;
}


.row {
    display: block;
}

.row::after {
    content: "";
    display: block;
    clear: both;
}

.header {
    height: 120px;
    background: rgba(4, 4, 4, 0.833);
    text-align: right;
    padding-top: 40px;
}

.logotype {
    margin-top: -30px;
    height: 100px;
    float: left;
}


.link-menu {
    display: inline-block;
    padding: 10px 20px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-family: 'Montserrat Alternates', sans-serif;
}

.link-menu:hover {
   border-bottom: dashed 2px #ac3b27;
}

.content {
    background: rgba(255, 255, 255, 0.658);
    text-align: center;
    padding: 40px 80px;
}

.content-2 {
    background: rgba(255, 255, 255, 0.658);
    text-align: left;
    padding: 40px 80px;
}

.center p {
    margin-bottom: 40px;
}

.page-title {
    margin-bottom: 20px;
    font-family: 'Cormorant SC', serif;
}

blockquote {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left-color: rgb(95, 95, 95);
    border-left-width: 5px;
    border-left-style: solid;
    padding-left: 20px;
    font-style: italic;
}

.right-img {
    float: right;
    width: 300px;
    border-radius: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}

hr {
    margin: 20px 0;
}

.search-btn {

    width: 80px;
    height: 40px;
    background: #9c9c9c;
    border-radius: 10px;
    border: none;
    float: right;
    margin-top: 20px;
    text-decoration: none;
    line-height: 40px;
    color: white;
    text-align: center;
}

.search {
    width: 500px;
    height: 40px;
    background: white;
    border-radius: 10px;
    border: none;
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    padding: 0 20px;
}

.w20 {
    width: 20%;
    float: left;
    height: auto;
    padding: 2px;
}

.img-box {
    width: 100%;
    height: 200px;
    background: red;

    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.img-text {
    color: transparent;
    font-size: 30px;
    width: 100%;
    height: 80px;
    padding-left: 20px;
    line-height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0.9234287464985994) 0%, rgba(0,0,0,0.05) 100%);
    transition: 0.5s;
}

.img-box:hover .img-text {
    
    color: white;
}

.b1 {
    background-image: url(../img/abaddon.png);
}

.b2 {
    background-image: url(../img/ancient_apparition.png);
}
.b3 {
    background-image: url(../img/antimage.png);
}

.b4 {
    background-image: url(../img/arc_warden.png);
}
.b5 {
    background-image: url(../img/axe.png);
}

.b6 {
    background-image: url(../img/bane.png);
}
.b7 {
    background-image: url(../img/batrider.png);
}
.b8 {
    background-image: url(../img/beastmaster.png);
}
.b9 {
    background-image: url(../img/bloodseeker.png);
}
.b10 {
    background-image: url(../img/bounty_hunter.png);
}
.b11 {
    background-image: url(../img/brewmaster.png);
}
.b12 {
    background-image: url(../img/bristleback.png);
}
.b13{
    background-image: url(../img/broodmother.png);
}
.b14 {
    background-image: url(../img/centaur.png);
}
.b15 {
    background-image: url(../img/chen.png);
}
.b16 {
    background-image: url(../img/clinkz.png);
}
.b17 {
    background-image: url(../img/crystal_maiden.png)
}
.b18 {
    background-image: url(../img/dark_seer.png);
}
.b19 {
    background-image: url(../img/dark_willow.png);
}
.b20 {
    background-image: url(../img/dawnbreaker.png);
}
.b21 {
    background-image: url(../img/dazzle.png);
}
.b22 {
    background-image: url(../img/death_prophet.png);
}
.b23 {
    background-image: url(../img/disruptor.png);
}
.b24 {
    background-image: url(../img/doom_bringer.png);
}
.b25 {
    background-image: url(../img/drow_ranger.png);
}
 
.b26 {
    background-image: url(../img/earth_spirit.png);
}

.b27 {
    background-image: url(../img/earthshaker.png);
}
.b28 {
    background-image: url(../img/elder_titan.png);
}
.b29{
    background-image: url(../img/ember_spirit.png);
}
.b30{
    background-image: url(../img/ember_spirit.png);
}
.b30 {
    background-image: url(../img/enchantress.png);
}

.b31 {
    background-image: url(../img/enigma.png);
}
.b32 {
    background-image: url(../img/faceless_void.png);
}
.b33 {
    background-image: url(../img/furion.png);
}
.b34 {
    background-image: url(../img/gyrocopter.png);
}
.b35 {
    background-image: url(../img/grimstroke.png);
}
.b36 {
    background-image: url(../img/hoodwink.png);
}
.b37 {
    background-image: url(../img/huskar.png);
}

.b38{
    background-image: url(../img/invoker.png);
}
.b39 {
    background-image: url(../img/jakiro.png);
}
.b40{
    background-image: url(../img/juggernaut.png);
}
.b41 {
    background-image: url(../img/keeper_of_the_light.png);
}
.b42 {
    background-image: url(../img/kunkka.png);
}
.b43 {
    background-image: url(../img/legion_commander.png);
}
.b44 {
    background-image: url(../img/leshrac.png);
}
.b45 {
    background-image: url(../img/lich.png);
}
.b46 {
    background-image: url(../img/life_stealer.png);
}
.b47 {
    background-image: url(../img/lina.png);
}
.b48 {
    background-image: url(../img/lion.png);
}
.b49 {
    background-image: url(../img/lone_druid.png);
}
.b50 {
    background-image: url(../img/luna.png);
}
.b51 {
    background-image: url(../img/lycan.png);
}


.b52 {
    background-image: url(../img/magnataur.png);
}
.b53 {
    background-image: url(../img/marci.png);
}
.b54 {
    background-image: url(../img/mars.png);
}
.b55 {
    background-image: url(../img/medusa.png);
}
.b56 {
    background-image: url(../img/meepo.png);
}
.b57 {
    background-image: url(../img/mirana.png);
}
.b58 {
    background-image: url(../img/monkey_king.png);
}

.b59 {
    background-image: url(../img/morphling.png);
}
.b60 {
    background-image: url(../img/necrolyte.png);
}
.b61 {
    background-image: url(../img/naga_siren.png );
}
.b62 {
    background-image: url(../img/night_stalker.png );
}
.b63 {
    background-image: url(../img/nyx_assassin.png );
}
.b64 {
    background-image: url(../img/obsidian_destroyer.png );
}
.b65 {
    background-image: url(../img/ogre_magi.png );
}
.b66 {
    background-image: url(../img/omniknight.png);
}
.b67 {
    background-image: url(../img/oracle.png );
}
.b68 {
    background-image: url(../img/pangolier.png );
}
.b69 {
    background-image: url(../img/phantom_assassin.png );
}
.b70 {
    background-image: url(../img/phantom_lancer.png );
}
.b71 {
    background-image: url(../img/phoenix.png );
}
.b72 {
    background-image: url(../img/primal_beast.png );
}
.b73 {
    background-image: url(../img/wisp.png );
}
.b74 {
    background-image: url(../img/puck.png );
}
.b75 {
    background-image: url(../img/pudge.png );
}
.b76 {
    background-image: url(../img/pugna.png );
}
.b77 {
    background-image: url(../img/queenofpain.png );
}
.b78 {
    background-image: url(../img/rattletrap.png );
}
.b79 {
    background-image: url(../img/riki.png );
}
.b80 {
    background-image: url(../img/rubick.png );
}
.b81 {
    background-image: url(../img/sand_king.png );
}
.b82 {
    background-image: url(../img/shadow_demon.png );
}
.b83 {
    background-image: url(../img/shadow_shaman.png );
}
.b84 {
    background-image: url(../img/shredder.png );
}
.b85 {
    background-image: url(../img/silencer.png );
}
.b86 {
    background-image: url(../img/skeleton_king.png );
}
.b87 {
    background-image: url(../img/skywrath_mage.png );
}
.b88 {
    background-image: url(../img/slardar.png );
}
.b89 {
    background-image: url(../img/slark.png );
}
.b90 {
    background-image: url(../img/snapfire.png );
}
.b91 {
    background-image: url(../img/sniper.png );
}
.b92 {
    background-image: url(../img/spectre.png );
}
.b93 {
    background-image: url(../img/spirit_breaker.png );
}
.b94 {
    background-image: url(../img/storm_spirit.png );
}
.b95 {
    background-image: url(../img/sven.png );
}
.b96 {
    background-image: url(../img/techies.png );
}
.b97 {
    background-image: url(../img/templar_assassin.png );
}
.b98 {
    background-image: url(../img/terrorblade.png );
}
.b99 {
    background-image: url(../img/tidehunter.png );
}
.b100 {
    background-image: url(../img/tinker.png );
}
.b101 {
    background-image: url(../img/tiny.png );
}
.b102 {
    background-image: url(../img/treant.png );
}
.b103 {
    background-image: url(../img/troll_warlord.png );
}
.b104 {
    background-image: url(../img/tusk.png );
}
.b105 {
    background-image: url(../img/undying.png );
}
.b106 {
    background-image: url(../img/ursa.png );
}
.b107 {
    background-image: url(../img/vengefulspirit.png );
}
.b108 {
    background-image: url(../img/venomancer.png );
}
.b109 {
    background-image: url(../img/viper.png );
}
.b110 {
    background-image: url(../img/visage.png );
}
.b111 {
    background-image: url(../img/void_spirit.png );
}
.b112 {
    background-image: url(../img/warlock.png );
}
.b113 {
    background-image: url(../img/weaver.png );
}
.b114 {
    background-image: url(../img/windrunner.png );
}
.b115 {
    background-image: url(../img/winter_wyvern.png );
}
.b116 {
    background-image: url(../img/witch_doctor.png );
}
.b117 {
    background-image: url(../img/zuus.png );
}
.b118 {
    background-image: url(../img/muerta.png );
}
.b119 {
    background-image: url(../img/alchemist.png );
}
.b120 {
    background-image: url(../img/abyssal_underlord.png );
}
p {
    margin-bottom: 10px;
}
.karta {
    width: 400px ;
    float: right;
    margin: 0 0 40px 40px;

}

.home {
    background-image: url(../img/bg-home.jpeg);
    background-size: cover;
    background-position: top center;
}

.match {
    background-image: url(../img/match-bg.jpeg);
    background-size: cover;
    background-position: top center;
}

.row p {
    padding-left: 20px;
    border-left: 4px solid #ad3b25;
    margin: 5px 0;
}

.avtor {
    background-image: url(../img/abyssal_underlord.jpeg);
    background-size: cover;
    background-position: top center;
}


.left_menu {
    width: 400px;
    height: auto;
    float: left;
    margin: 40px 40px 40px 0;
    padding: 40px;
    background: #2f2e2e;
    color: white;
    text-align: left;
    font-weight: normal;
}

.left_menu ol li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.left_menu ol>li>ul {
    margin-left: 30px;
}

.left_menu a {
    color: white;
    text-decoration: none;
}